{include file=$header_start}
{strip}
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/registration.css">
<script type="text/javascript" src="{$siteroot}/includes/js/register.js"></script>
<script src="{$siteroot}/includes/js/admin/ajax.js" type="text/javascript" ></script>
{/strip}
{literal}
<script type="text/javascript">
function isSpace(e)                                                                   //Check for Blank spaces
{
	if(navigator.appName=="Microsoft Internet Explorer")
	{
		if(e.keyCode==32)	
		{
			return false;
		}
	}
	if(navigator.appName=="Netscape")
	{
		if(e.which==32)	
		{
			return false;
		}
	}
	return true;
}
</script>
{/literal}

{literal}
    <script type="text/javascript">
	   	
	$(document).ready(function(){
		$('#dateshow').change(function(){			
			var val  =$("#day").val();			
			if(val == '' || val == 'undefined'){
				$('#date').text('');
				$('#date').text('please select Date');
			}else{
					$('#date').text('');
			}
		});
	});		
	
		
	function showday(catid,year)
	{ 
	
		if(catid == '' || catid == 'undefined'){
				$('#date').text('');
				$('#date').text('please select Month');
		}else{
			$('#date').text('');
			ajax.sendrequest("GET",SITEROOT + "/modules/register/date_calculatror.php",{catid:catid,year:year},"","dateshow");			
		}			
	}
	
	function showmonth(catid)
	{ 		
	
		if(catid == '' || catid == 'undefined'){
			$('#date').text('');
			$('#date').text('please select year');
		}else{
			$('#date').text('');
			ajax.sendrequest("GET",SITEROOT + "/modules/register/monthshoe.php",{catid:catid},"","monthshow");
		}	
	}
	
	function showUrl(str)	
	{
		document.getElementById('urldiv').style.display='block';
		var replaced = str.replace(/ /g,'_');
		replaced = replaced.replace(/'/g,'_');
		replaced = replaced.toLowerCase();
		document.getElementById('newURL').value = SITEROOT+"/profile/"+replaced;
			
	}
	function allowCharAndNumbersOnly(e)                                               //Allows only characters to be entered    
	{
		if(navigator.appName=="Microsoft Internet Explorer")
		{
			if((e.keyCode >64 && e.keyCode < 91)||(e.keyCode >47 && e.keyCode < 58) || (e.keyCode >96 && e.keyCode<123) || e.keyCode==32 || e.keyCode==8 || e.keyCode==0)
			{}
			else
			{
				e.keyCode=" ";
				return false;
			}
		}
		else if(navigator.appName=="Netscape")
		{
			if((e.which >64 && e.which < 91) || (e.which >47 && e.which < 58)|| (e.which >96 && e.which<123) || e.which==0 || e.which==8 || e.which==32)
			{}
			else
				return false;
		}
		return true;
	}
	
	
	jQuery(document).ready(function(){
		jQuery("#btn_back").click(function(){
			window.location.href=SITEROOT +'/register/step2/'
				
		});		
	});


    </script>
    
    

    {/literal}
    
{include file=$header_end}


<section class="inner_wrapper">
<section class="middle_portion">
	<h1 class="registr_head">registration</h1>
    <section class="regis_steps_breadcrum_wrapper">
        <section class="lF"><img src="{$siteroot}/templates/default/images/register_steps/registr_step1.png"></section>
        <section class="lF"><img src="{$siteroot}/templates/default/images/register_steps/registr_step2.png"></section>
        <section class="lF"><img src="{$siteroot}/templates/default/images/register_steps/registr_step3_ho.png"></section>
        <section class="lF"><img src="{$siteroot}/templates/default/images/register_steps/registr_step4.png"></section>
        <section class="lF"><img src="{$siteroot}/templates/default/images/register_steps/registr_step5.png"></section>
        <section class="clear"></section>
    </section>    
    <form id="frmTradesmanAdd" name="frmTradesmanAdd" method="POST" action="{$siteroot}/register/step4/">
    <section class="regist_form">
   	<h1 style="border-bottom:1px solid #B3B3B3; margin:30px 0px;">Membership plans</h1>
    <section style="margin:20px 0px 20px 28px;">
    {section name=i loop=$getplandetail}
    <section class="price_wrapper lF">    
    	<section {if $smarty.section.i.iteration eq '1'} class="green_price_block" {/if} {if $smarty.section.i.iteration eq '2'} class="blu_price_block" {/if} {if $smarty.section.i.iteration eq '3'} class="org_price_block" {/if} {if $smarty.section.i.iteration eq '4'} class="gry_price_block" {/if}>
        	<section class="tiltle">            
            <input type="radio" class="radio" name="plan_id" value="{$getplandetail[i].plan_id}" {if $smarty.section.i.iteration eq '1' && $smarty.post.plan_id eq ''}checked="checked" {/if} {if $smarty.post.plan_id eq $getplandetail[i].plan_id} checked="checked" {/if} />{$getplandetail[i].name|ucfirst}</section>            
            <section class="price"><strong>${$getplandetail[i].price}</strong></section>
            <section class="lead">{$getplandetail[i].leads|ucfirst} LEADS</section>
        </section>
        <section class="clear"></section>
         <section class="box_shadow">&nbsp;</section>
    </section> 
    {/section}  
    <section class="clear"></section>
   
    
    </section>
    
    <section class="regist_form">

   <!-- <p>These details will be seen by Homeowners whose jobs you quote on.</p>-->
   	<h1 style="border-bottom:1px solid #B3B3B3;  margin:20px 0; ">Business Details</h1>
    	<dl>
        	<dt>Email</dt>
            <dd><input type="text" class="input"  id="email" name="email" value="{$detail.email}" /></dd>
            <section class="clear"></section>
        </dl>
        	<dl>
        	<dt>Mobile</dt>
            <dd><input type="text" class="input"  id="mobno" name="mobno" value="{$detail.mobno}" maxlength="15" /></dd>
            <section class="clear"></section>
        </dl>
         <section class="clear"></section>
        <dl>
        	<dt>Company Name</dt>
            <dd><input type="text" class="input"  id="companyname" name="companyname" value="{$detail.companyname}" maxlength="20" onchange="return showUrl(this.value);" onkeypress="return allowCharAndNumbersOnly(event);"  style="text-transform:lowercase;"></dd>
            <section class="clear"></section>
        </dl>
        <dl style="display:{if $detail.newURL eq ''}none{else}block{/if};" id="urldiv">
        	<dt>Profile URL</dt>
            <dd><input type="text" class="input"  id="newURL" name="newURL" value="{$detail.newURL}" ></dd>
            <section class="clear"></section>
        </dl>
        <section class="clear"></section>
        <dl>
        	<dt>ABN</dt>
            <dd><input type="text" class="input"  id="abn" name="abn" value="{$detail.abn}" /></dd>
            <section class="clear"></section>
        </dl>
        	<dl>
        	<dt>ACN</dt>
            <dd><input type="text" class="input"  id="acn" name="acn" value="{$detail.abn}" maxlength="15" /></dd>
            <section class="clear"></section>
        </dl>
        
        <section class="clear"></section>
    </section>
    <section class="regist_form">
    <h1 style="margin:20px 0;border-bottom:1px solid #B3B3B3; ">Personal Details</h1>
    	<dl>
        	<dt>Salutaion <span style="margin-left:95px;">First Name</span></dt>
            <dd>
            <section class="select_box_container">
          <select class="select Rmargin15" id="salutation" name="salutation">
            	<option value="Mr">Mr.</option>
                <option value="Ms">Ms.</option>
                <option value="Miss">Miss.</option>
            </select>
            </section>
            <section class="name_container"> 
            <input type="text" class="input2" id="firstname" name="firstname" value="{$detail.firstname}" maxlength="20" />
            <div htmlfor="firstname" generated="true" class="error" style="padding-left:150px;"></div>
            </section>
            </dd>
            <section class="clear"></section>
        </dl>
         <dl>
        	<dt>Last Name</dt>
            <dd><input type="text" class="input"  id="lastname" name="lastname" value="{$detail.lastname}"  maxlength="20"/></dd>
            <section class="clear"></section>
        </dl>
        <dl>
        	<dt>Postal code</dt>
            <dd>
            <input type="text" class="input"  id="postcode" name="postcode" {if $smarty.post.workarea} value="{$detail.workarea}"  readonly="readonly"{else} value="{$detail.postcode}" {/if} maxlength="15" />
            </dd>
            <section class="clear"></section>
        </dl>
         <dl>
        	<dt>&nbsp;</dt>
            <dd>&nbsp;</dd>
            <section class="clear"></section>
        </dl>
        <section class="clear"></section>
      <dl>
        	<dt>Date of Birth</dt>
            <dd>
            <section class="lF">
                 <section class="select_box_container"> 
                  <select class="select" name="year" id="year"  onChange="showmonth(this.value)">
                    <option value="">Year</option>
                    {section name=i start=$byearfrom loop=$byearTo step=1}
                        <option value="{$smarty.section.i.index}" >{$smarty.section.i.index}</option> 
                    {/section}               
                  </select>  
                 </section>   
                    
                 <section class="select_box_container"> 
                 <span id="monthshow">       
                 <select class="select Rmargin15" name="month" id="month" onChange="showday(this.value, document.getElementById('year').value)">               	 	
                    <option value="">Month</option>
                  </select>   
                  </span>
                 </section>
                                      
                 <section class="select_box_container"> 
                  <span id="dateshow">
                  <select class="select Rmargin15" name="day" id="day" >
                    <option value="">Day</option>                    
                  </select>  </section> 
                  </span>   
            	 </section>  
            </dd>
            <section class="clear"></section>
        </dl>
            <dl>
        	<dt>Gender</dt>
            <dd>
          		<select class="select Rmargin15" id="gender" name="gender">
                	<option value="">Select</option>
                    <option value="Male">Male</option>
                    <option value="Female">Female</option>
                </select>
            </dd>
            <section class="clear"></section>
        </dl>
        <section class="clear"></section>
    </section>
	
	<section class="clear"></section>
	
	<section class="regist_form no_bor">
        <h1 style="margin:20px 0;border-bottom:1px solid #B3B3B3; ">Enter your location/work area</h1>
        <span>Note: Enter only australian postal code</span><br />
        <br />
        <dl style="width:458px!important;">
          <dt></dt>
          <dd>
            <div id="ispostalcode">
              <input type="hidden" name="p_latitude" id="p_latitude" />
              <input type="hidden" name="p_longitude" id="p_longitude" />
            </div>
            <section style="width:450px;">
              <section style="width:192px; float:left">Postal Code
                {* onKeyPress="return numbersonly(event);" *}
                <input type="text" name="googlesearch" id="googlesearch" class="input" value="{$detail.googlesearch}" 
                    style="width:160px;" maxlength="8" />
                <div id="google_address_error" ></div>
                <section class="clear"></section>
              </section>
              <section style="width:250px;   float:left;">Select one of Multiple States<br />
                <select class="input3" name="state_id[]" id="state_id" style="width:160px; height:150px; float:left" multiple="multiple" >
                  
                        {section name=i loop=$stateArray}
						 
                  <option value="{$stateArray[i].state_id}" {if $stateArray[i].selected eq '1'}selected="selected"{/if}>{$stateArray[i].state_name}</option>
                  
						 {/section}
                  
                </select>
                <input id="latitude" type="hidden"/>
                <input id="longitude" type="hidden"/>
                <div id="radius_errror" class="lF clear" style="width:50%"></div>
                <section class="clear"></section>
              </section>
              <section class="clear"></section>
            </section>
            <section class="clear"></section>
          </dd>
          <div id="distance"></div>
        </dl>
        <section class="clear"></section>
      </section>
	<section class="clear"></section>
    <section class="regist_form">
    <h1 style="margin:20px 0;border-bottom:1px solid #B3B3B3; ">Account Details</h1>
    	<dl>
        	<dt>Choose A Password</dt>
            <dd><input type="password" class="input"  id="password" name="password" maxlength="20" onkeypress="return isSpace(event);" value="{$detail.password}"/></dd>
            <section class="clear"></section>
        </dl>
         <dl>
        	<dt>Confirm Password</dt>
            <dd><input type="password" class="input"  id="confpassword" name="confpassword" maxlength="20"  onkeypress="return isSpace(event);" value="{$detail.confpassword}"/></dd>
            <section class="clear"></section>
        </dl>
        <section class="clear"></section>
    </section>
    <section class="regist_form">
    <h1 style="margin:20px 0;border-bottom:1px solid #B3B3B3; ">Do You Have Public Liability Insurance?</h1>
    	<dl>
        	<dt>&nbsp;</dt>
            <dd>
            	<section class="radio_bt_block">
                <input type="checkbox" name="agree" id="agree" >I agree to Getbids.com.au <a href="{$siteroot}/terms-conditions/" target="_blank">User agreement</a> and <a href="{$siteroot}/privacypolicy/" target="_blank">Privacy Policy </a>
                <div htmlfor="agree" generated="true" class="error"></div>
                </section>
                
            </dd>            
            <section class="clear"></section>            
        </dl>
        <section class="clear"></section>
    </section>
    
    
    <div>
 		 <table cellpadding="0" cellspacing="0" width="100%" border="0">
          		<tr>
                	<td align="left" width="50%"></td>
                    <td align="right"><input type="button" class="blue_btn rF" value="Back"  name="back" id="btn_back" /></td>
                    <td align="right" width="70"><input type="submit" class="blue_btn margintp_bt rF" name="btnstep1" id="btnstep1" value="Next"></td>
                </tr>
          </table>
 	</div>
    
      <section class="clear"></section>
     </form> 
</section>

</section>
</section>
{include file=$footer}